@charset "UTF-8";
$vm_base:375;  //设计图的宽度
@function vw($px) {
  @return ($px / $vm_base) * 100vw;
}
html{
  height: 100%;
}
*{
  margin: 0;
  padding: 0;
  font-family: '微软雅黑';
}
li{
  list-style: none;
}
body {
  height: 100%;
  @mixin br {
    border: 1px solid red;
  }
  .change_pwd_sstep {
    .header {
      height: vw(48);
      color: #ffffff;
      background-color: #ffb001;
      padding-left: vw(76);
      line-height: vw(48);
      font-size: vw(20);
      position: relative;
      margin-bottom: vw(26);
      i {
        position: absolute;
        color: #ffffff;
        font-size: vw(20);
        display: inline-block;
        line-height: vw(20);
        height: vw(20);
        width: vw(20);
        top: vw(24);
        left: vw(20);
        margin-top: vw(-10);

      }
    }
    .content{
      .inp{
        position: relative;
        width: vw(334);
        height: vw(35);
        margin:0 auto vw(50);
        border-bottom: 1px solid #949494;
        input{
          outline: none;
          border:0;
          position: absolute;
          font-size: vw(14);
          color:#949494;
          height: vw(20);
          width: vw(334);
          line-height: vw(20);
          top: 0;
          left: 0;

        }
        i{
          position: absolute;
          font-size: vw(20);
          right: vw(11);
          top: 0;
          color:#949494;
        }
      }
      .bt{
        position: relative;
        .confirm{
          position: absolute;
          width: vw(332);
          height: vw(48);
          line-height: vw(48);
          top: vw(33);
          left: 50%;
          margin-left: vw(-166);
          color:#ffffff;
          font-size: vw(14);
          background-color: #ffb001;
          border:0;
          border-radius: vw(24);
        }
      }
    }
  }
}